@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

//相关交流页面的顶部tab
.wf-req-communicate-tab{
  height:100%;
  .wf-commu-tab { 
    height: 100%;
    box-sizing:border-box;
    padding-top: 45 * @hd;
    // padding-bottom: 45 * @hd;

    .wf-commu-tab-info-tab {
      margin-top: -45 * @hd;
      .wm-tab-page {
        .wm-tab-page-top {
          .tab-extra {
            .tab-btns {
              .tab-btn {
                .am-icon-filter-o-hot {
                  color: #55b1f9
                }
              }
            } 
          }
        }
      }
    }
    .wf-commu-scrollContent {
      .wm-comment-list  {
        .am-list-body {
          .list-view-section-body {
            .wm-comment-list-container {
              .wm-comment {
                .wm-comment-content {
                  .wm-comment-content-msg {
                    img {
                      max-width: 150px;
                      max-height: 150px;
                    }
                  }
                  .wm-comment-content-quote {
                    .wm-comment-content-quote-title {
                      font-size: 13*@hd;
                    }
                  }
                  .wm-comment-content-container {
                    .wm-comment-content-list {
                      .wm-comment-content-list-icon {
                        .am-icon.am-icon-xiangmu-o {
                          width: 19*@hd;
                          height: 19*@hd;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
    .wf-commu-reply-mask {
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 2;
      width: 100%;
      background: #5C5C5C ;
      opacity: 0.5;
    }
    .footer-wrap {
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      z-index: 10;
      // .wm-reply-mask {
      //   z-index: 2;
      // }
      .wm-reply-wrap {
        position: relative;
        .wm-reply-panel {
          height: unset !important;
        }
      }
    }
  }

  .sign-reply-panel {
    .needWrap {
      .quote-top-words {
        position: relative;
        padding: 5*@hd;
        z-index: 3;
        background-color: #f1f1f2;
        .top-panel {
          padding: 5*@hd 10*@hd 5*@hd 5*@hd;
          background: #F7FAFD;
          border: 1*@hd solid #E7EFF7;
          .content-top-quote {
            padding: 5*@hd 10*@hd 5*@hd 10*@hd;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            .wfComu-reply-user {
              .quote-span {
                margin-right: 5*@hd;
                color: #55b1f9;
              }
              .quote {
                color: #999999;
              }
              .quote-active {
                color: #55b1f9;
              }
              a {
                color: #999;
              }
              .reply-span {
                margin-left: 5*@hd;
                color: #999999;
                font-size: 14*@hd;
              }
            }
           
            .am-icon {
              position: absolute;
              right: 10*@hd;
              top: 25*@hd;
              color: #868686; 
            }
          }
        }
        .reply-content{
          .wea-cl-content {
            padding: 5*@hd 10*@hd 5*@hd 10*@hd;
            .remark-quote {
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
          }
        }
      }
    }
  }
  .wea-rich-text-toolbar-bottom {
    height: 47*@hd;
    .red-point {
      top: 10*@hd;
      left: 46*@hd;
    }
  }

  .wea-button-release {
    color: #2db7f5;
    background: #fff;
  }
  .wea-button-release.ant-btn {
    padding: 4*@hd 12*@hd 4*@hd 8*@hd;
  }
  .wea-button-release .icon-coms-Release {
    margin-right: 8*@hd;
  }
  .wea-button-release:hover {
    color: #fff;
    background: #2db7f5;
  }

  .wea-workflow-rich-text {
    .wea-rich-text-upload-list-red-p {
      display: none;
    }
    .wea-cowork-rich-button {
      margin: 0 5*@hd;
      .red-point {
        position: absolute;
        background: red;
        height: 5*@hd;
        width: 5*@hd;
        border-radius: 50%;
        top: 46%;
        right: 8%;
        left: 85%;
      }
      .button-text {
        margin-left: 5*@hd;
      }
      &.wea-cowork-upload-button {
        .red-point {
          left: 96%;
        }
      }
    }
  }
}

//相关交流页面楼层号 
.wf-commu-scrollContent {
  .wm-comment-list {
    .wm-comment-list-container {
      .wm-comment {
        .wm-comment-head-right {
           position: absolute;
           top: 20*@hd;
           right: 0*@hd;  
        }
        .wm-comment-content {
          .wm-comment.content-msg {
            img{
              -webkit-touch-callout: none;
            }
          }
        }  
      }
    }
  }
}
//相关交流页相关资源
.wf-communication-resourceList {
  height: 100% ;
  .wf-communication-noData {
    height: 100%;
    background-color: #fff;
    position: relative;
    .am-result {
      position: absolute;
      top: 50%;
      margin-top: -80*@hd;
      border-bottom: none;
      padding-top: 0;
      padding-bottom: 0;
      .am-icon-no-data {
        color: #868686;
        width: 60*@hd;
        height: 60*@hd;
      }
    }
  }
  .wf-communication-resourceList-accordion {
    border-top: none;
    .am-accordion-item {
      .am-accordion-header {
        height: 20*@hd !important;
        line-height: 20*@hd !important;
        background-color: #f3f7fe !important;
        padding: 3*@hd 30*@hd 3*@hd 15*@hd !important;
        border-bottom: none !important;
        i {
          top: 7*@hd;
        }
      }
      .am-accordion-content {
        .am-accordion-content-box {
          border-bottom: none;
          .wf-communication-resourceList-line {
            padding: 10*@hd 10*@hd 10*@hd 20*@hd;
            border-bottom: 1*@hd solid #ddd;
          }
        }
      }
    }
    .am-accrdition-item {
      .am-accordion-header {
        height: 20*@hd;
        line-height: 20*@hd;
        background-color: #f3f7fe;
        padding: 3*@hd 30*@hd 3*@hd 15*@hd;
        border-bottom: none;
      }
    }
  }
}


